<%@page contentType="text/html; charset=UTF-8" %>
<html>
    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

        <style type="text/css">

            td,th{
                text-align: center;
            }
    
            body
                {
                    background-color:white;
                }
            span
                {
                    float: left;
                    margin-left: 50px;
                    margin-top: 50px;
                    width: 220px;
                    height: 480px;
                    border: 1px solid blue;
                }
            a:link
                {
                    color:black;
                    font-size: 30px;
                    font-family: Arial;
                }
            a:hover
                {
                    color: red;
                }
            a
                {
                    margin-left: 20px;
                }
            .first
                {
                    width: 1200px;
                    height: 550px;
                    border: 1px solid red;
                    margin-left: 300px;
                    margin-top: 34px;
                    padding-left: 20px;
                }
            p
                {
                    color: navy;
                    font-size: 25px;
                    font-family: Arial;
                }
        </style>
    </head>
    <body>
        <h1 style="text-align:center;">超市订单管理系统 </h1>
        <div>

            <span>
                <br><br><a href="manage.jsp">订单管理</a><br><br><br><br>
                <a href="input.jsp">订单信息录入</a><br><br><br><br>
                <a href="modify.jsp">订单信息修改</a><br><br><br><br>
                <a href="history.jsp">历史订单</a><br>
            </span>
        </div>
        <div class="first">
            <h1 align="center">订单信息录入</h1><br><br>
            <div align="center">
                <form class="form-inline">
        
                    <div class="form-group">
                        <label>订单名字</label>
                        <input type="text" class="form-control" required pattern="^[A-Za-z]+$">
                    </div><br><br>
        
                    <div class="form-group">
                        <label>订单ID</label>
                        <input type="telephone" class="form-control" required pattern="^\d{7}$">
                    </div><br><br>

                    <div class="form-group">
                        <label>价格</label>
                        <input type="telephone" class="form-control" required pattern="^[1-9]d*$">
                    </div><br><br>

                    <div class="form-group">
                        <label>时间</label>
                        <input type="telephone" class="form-control" required pattern="^[0-9]{1,8}$">
                    </div><br><br>
        
                    <div class="form-group">
                        <label>订单状态</label>
                        <select id="group" class="form-control" placeholder="请选择">
                            <option value="0" > 请选择 </option>
                            <option value="1">  Y </option>
                            <option value="2">  N </option>
                      </select>
                    </div><br><br>
        
                    <button type="button" class="btn btn-primary" onclick="window.location.href = 'manage.jsp'">导入</button>
                    <button type="submit" class="btn btn-warning">重置</button>
        
                </form>
            </div>
    </body>
</html>